<ion-header>
  <ion-toolbar color='mytoolbarbg'>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>通知列表</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-item>
    <ion-label>请选择通知类型</ion-label>
    <ion-select okText="确定" cancelText="取消" [(ngModel)]="typename">
      <ion-select-option *ngFor="let item of typeitems" [value]=item.type>{{item.type}}</ion-select-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>请选择时间段：</ion-label>
  </ion-item>
  <ion-item>
    <ion-datetime cancelText='取消' doneText='确认' displayFormat="YYYY年MM月DD日" placeholder="开始时间" id='开始ShiJian'
      [(ngModel)]="sdate"> </ion-datetime>
    <ion-label style=text-align:center>至</ion-label>
    <ion-datetime cancelText='取消' doneText='确认' displayFormat="YYYY年MM月DD日" placeholder="结束时间" id='截止ShiJian'
      [(ngModel)]="edate"> </ion-datetime>

  </ion-item>
  <ion-item>
    <ion-input type="text" [(ngModel)]="gjz" placeholder="请输入搜索关键字"></ion-input>
    <ion-button (click)="search()">
      查询
    </ion-button>
  </ion-item>


  <ion-list>
    <ion-item *ngFor="let item of items |myfilter:filterdate " (click)="showinfo(item)">
      <ion-label>
        {{item.subject}}
      </ion-label>
      <ion-label>
        {{item.PushType}}
      </ion-label>
      <div slot="end">
        {{ item?.pushtime | date:'yyyy-MM-dd' }}
      </div>
    </ion-item>
  </ion-list>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <p *ngIf="!hasMore">---没有更多内容---</p>
</ion-content>